<template>
	<view class="bg_fff">
		<view class="padding20">
				<button class="cu-btn block bg-blue margin-tb-sm lg" @tap="openurl2('twpage')">快速提问</button>
		</view>
		<scroll-view scroll-y class="scroll-view-item_H">
			<view class="cu-list menu-avatar comment solids-top"  >
				<view  v-for='(item,index) in list' :key='index' class="cu-item" @tap="openurl('jlfwdetail',item.wt_bh)">
					<view class="cu-avatar round cuIcon-peoplefill"></view>
					<view class="content">
						<view class="text-grey">{{item.djr_xm}}</view>
						<!-- <view class="text-gray text-content text-df">
							农场  XXX管理区  XX地块
						</view> -->
						<view class="bg-grey padding-sm radius margin-top-sm  text-sm">
							<view class="flex">
								<view class="flex-sub">{{item.wt_nr}}</view>
							</view>
						</view>
						<view class="margin-top-sm flex justify-between">
							<view class="text-gray text-df cuIcon-locationfill font-size-min">{{item.wt_dqwz}}</view>
						</view>
						<view class=" flex justify-between">
							<view class="text-gray text-df">{{item.wt_djsj}}</view>
							<view>
								<text class="cuIcon-messagefill text-gray margin-left-sm">{{item.wt_dasl}}</text>
							</view>
						</view>
					</view>
				</view>
			</view>
		</scroll-view>
	</view>
</template>

<script>
	import {getwtlist} from '../api/api.js'
	export default {
		data() {
			return {
				list:[]
			}
		},
		onShow(){
			getwtlist('',
			res=>{
				console.log(res)
				this.list=res.data.returnData.wtxxlb
			}
			)
		},
		methods:{
			openurl(url,data) {
				uni.navigateTo({
					url: url+'?wt_bh='+data
				});
			},
			openurl2(url){
				uni.navigateTo({
					url: url
				});
			}
		}
		
	}
			
</script>

<style>
	@import "../../colorui/main.css";
	@import "../../colorui/icon.css"; 
	.padding20{
		padding:20upx 40upx;
	}
	.scroll-view-item_H{
	      max-height: 1200upx;
	}
	.font-size-min{
		font-size: 24upx;
	}
</style>
